@charset 'utf-8';
@import 'sass/reset';
@import 'sass/function';
// index
.bodymax{
   @include warp(100%); 
   background: #e5eff9;
}
// body,html{
//     height: 100%;;
// }
.bleft{
    float: left;width: 220px;border: 1px solid #8c9bb0;
    overflow: hidden;min-height: 100%;
    background: #fff;
}
.blul{
    margin: 6px 0 0 10px;
    @include center(12px,#222,30px,left);
    &>p{
        @include center(12px,#222,30px,left);  
    }
    p{
        cursor: pointer;
    }
}
.blli{
    margin:  0 0 0 20px;
    &>ol{
        margin:  0 0 0 20px; 
    }
}
// right max content
.bright{
    overflow: auto;background: #e5eff9;
}
.content{
    margin-left: 6px;    border: 1px solid #8c9bb0;
}
// table
.formbox{
    @include warp(99%,auto,8px,8px);
}
.tabletop{
    @include warp(100%);
    div{
        float: right;
        overflow: hidden;
        p{
            display: inline-block;
            @include center(12px,#666,30px);
        }
        select{
            width: 120px;
            // background: #e5eff9;
        }
        a{
            padding: 2px 10px;border: 1px solid #eee;
            background: #cfdbeb;
            // display: block;
            @include center(12px,#666,20px);
        }
        button{
            padding: 2px 4px;
        }
        
    }
    
            // @include center(12px,#666,20px);
            
        
    
}
.tabtoptitle{
    float: left;padding: 2px 0;border: 1px solid #eee;
    // background: #cfdbeb;
    @include center(12px,#666,20px);
    vertical-align: middle;
    // button{
    //     padding: 2px 5px;
    // }
}
// .tabtoptitle2{
//     background: none;padding-left: 0;
// }
#sousuo{
    width: 300px;padding: 1px 0;
    text-indent: 10px;
    margin: 10px 0 4px 0;display: block;
}
.souh4{
    @include center(12px,#3d5d79,30px,left);
    @include warp(100%,30px,0);  
    background: #d0ddee;border: 1px solid #a9b8ce;
    text-indent: 10px;box-sizing: border-box;
}
// tableform
.tabdivbox{
    overflow-x: scroll;padding: 8px 0 180px;
    // border-bottom: 1px solid #aeb7c8;
    // box-sizing: border-box;
    .formtable{
        border-collapse: collapse;
        border: 1px solid #aeb7c8;
        // border-left:none!important;
        // tr td:nth-child(1){
        //     border-left:none!important;
        //     // background: red; 
        // }
        tr:first-child td{
            background: #e5eff9;
        }
    }
    td{
        border: 1px solid #aeb7c8;
        padding: 2px 0;
        background: #fff;
        span{
            padding:2px 14px 2px 6px;white-space:nowrap;
            // height: 100%;width: 100%;
            @include center(12px,#222,26px);
        }
        input{
            margin: 4px 8px;
        }
    }
    select{
        width: 100%;border: none;height: 100%;
        @include center(12px,#666,20px);background: none;
    }
}
.tabbottom{
    @include warp(98%,auto,8px,8px);
    border: 1px solid #aeb7c8;
    dl{
        &:first-child{
            float: left;
        }
        &:last-child{
            float: right;
        }
        dt,dd{
            display: inline-block;padding: 5px;
        }
        dt{
            @include center(12px,#111,20px); 
        }
        dd a{
            @include center(12px,#374454,20px); 
            padding: 5px;
        }
    }
}


